<div class="bg trail-container">
    <div class="header">
        <a href="#/car_list">
            <input type="button" class="header_back_btn">
        </a>
        <p class="header_title">
            车辆轨迹
        </p>
    </div>

    <div class="trail_content">
        <ul class="info_ul">
            <li class="info_li trail-title">
                <span class="the-day-oil">当日油耗：20.3L</span>
                <span class="mileage-num">行驶里程：216KM </span>
                <span class="average-oil-consumption">平均油耗：9.5L/km</span>
            </li>
        </ul>
        <ul class="trail_ul">
            <div class="change_car">
                当前车辆:陕A 12345 <a href="" style="float: right">切换车辆</a>
            </div>
            <li class="trail_li">
                <a href="#/trail_map" class="the-car-trail-box" ng-click="toTrailMap(151)">
                    <div class="trail_start">
                        6:30 陕西省西安市未央区文景路路汇鑫IBC未央区文景路路汇鑫IBC
                    </div>
                    <div class="trail_end">
                        9:00 陕西省西安市高新区丈八一路汇鑫IBC未央区文景路路汇鑫IBC
                    </div>
                    <div class="trail_line"></div>
                    <p class="trail_info">
                        行程:30公里&nbsp;&nbsp;&nbsp;耗时:90min&nbsp;&nbsp;&nbsp;停留:14min&nbsp;&nbsp;&nbsp;油耗:5L
                    </p>
                </a>
            </li>
        </ul>
    </div>

    <footer class="footer">
        <div class="footer_left">
            <div class="car-trail-date-box">
                <input class="choice-date" type="text" id="date" placeholder="选择日期"/>
            </div>
        </div>
        <div class="footer_middle"></div>
        <div class="footer_right">
            <div class="car-trail-time-box">
                <input class="choice-date" type="text" id="stratTime" placeholder="开始时间" />
            </div>
        </div>
        <span class="time-frame">&nbsp;~&nbsp;</span>
        <div class="footer_right">
            <div class="car-trail-time-box">
                <input class="choice-date" type="text" id="endTime" placeholder="结束时间" />
            </div>
        </div>
    </footer>

</div>